{extend name="common@base/common" /}

{block name="style"}
<link href="__CSS__/main.min.css" type="text/css" rel="stylesheet">
{/block}
{block name="body"}
{include file="muushop/public/_nav"/}
<div id="main-container" class="container">
    <div class="row">
        <div class="col-md-3 hidden-xs">
            {include file="muushop/public/_cats"/}
        </div>
        <div class="col-md-9">
            <div class="row">
                <div class="col-xs-12">
                <div class="cats-screen clearfix">
                    <input type="hidden" name="sort" value="{$sort}" />
                    <input type="hidden" name="url" value="{:url('muushop/index/cats')}" />
                    <div class="f-sort" data-type="sort-box">
                        <a href="{$sort_url.all}"  data-name='all'>综合排序<i></i></a>
                        <a href="{$sort_url.sell_cnt}"  data-name='sell_cnt'>销量<i></i></a>
                        <a href="{$sort_url.price}"  data-name='price'>价格<i></i></a>
                        <a href="{$sort_url.comment_cnt}"  data-name='comment_cnt'>评论数<i></i></a>
                        <a href="{$sort_url.create_time}"  data-name='create_time'>上架时间<i></i></a>
                  </div>
                </div>
                </div>
                <div class="product-list clearfix">
                {notempty name="list"}
                    {volist name="list" id="data"}
                        <div class="col-md-4 col-xs-6">
                            <div class="product-box">
                                <a href="{:url('muushop/index/product',array('id'=>$data['id']))}" target="_blank">
                                    <div class="img">
                                        <img alt="{$data.title|text}" src="{$data.main_img|getThumbImageById=475,475}" class="img-responsive">
                                    </div>
                                </a>
                                <div class="title">
                                    <a href="{:url('muushop/index/product',array('id'=>$data['id']))}" target="_blank">{$data.title}</a>
                                </div>
                                <div class="doinfo clearfix">
                                    <div class="price">￥ <span>{$data.price}</span></div>
                                </div>
                            </div>
                        </div>
                    {/volist}
                    <div class="page text-center">
                        {$list->render()}
                    </div>
                {else/}
                    <div class="product-empty">该类型下暂无商品~</div>
                {/notempty}
                </div>
                
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script src="__JS__/common.min.js"></script>
<script src="__JS__/cats.min.js"></script>
{/block}